<!-- .aside -->

<!-- <aside class="bg-dark aside-md " id="nav"> -->
<aside class="bg-dark lter aside-md hidden-print hidden-xs" id="nav">
	<!-- nav-xs -->
	<section class="vbox">
		<section class="w-f scrollable">
			<!-- nav -->
			<div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="7px"
				data-railOpacity="0.2">
				<!-- nav -->
				<nav class="nav-primary hidden-xs">
					<ul class="nav">

						{volist name="leftMenuItems" id="v1"}
						<li class="{$v1.active}">
							<a href="#">
								<i class="fa {$v1.icon} icon"><b class="bg-danger"></b></i>
								<span class="pull-right">
									<i class="fa fa-angle-down text"></i>
									<i class="fa fa-angle-up text-active"></i>
								</span>
								<span>{$v1.name}</span>
							</a>
							<ul class="nav lt">
								{volist name="v1.list" id="v2"}
								<li class="{$v2.active}">
									<a href="{$v2.url}">
										<i class="fa fa-angle-right"></i>
										<span>{$v2.name}</span>
									</a>
								</li>
								{/volist}
							</ul>
						</li>
						{/volist}

					</ul>
				</nav>
				<!-- / nav -->
			</div>
			<!-- / nav -->
		</section>
		<!--<footer class="footer lt hidden-xs b-t b-dark">-->
		<!--<div id="chat" class="dropup">-->
		<!--<section class="dropdown-menu on aside-md m-l-n">-->
		<!--<section class="panel bg-white">-->
		<!--<header class="panel-heading b-b b-light">Active chats</header>-->
		<!--<div class="panel-body animated fadeInRight">-->
		<!--<p class="text-sm">No active chats.</p>-->
		<!--<p>-->
		<!--<a href="#" class="btn btn-sm btn-default">Start a chat</a>-->
		<!--</p>-->
		<!--</div>-->
		<!--</section>-->
		<!--</section>-->
		<!--</div>-->
		<!--<div id="invite" class="dropup">-->
		<!--<section class="dropdown-menu on aside-md m-l-n">-->
		<!--<section class="panel bg-white">-->
		<!--<header class="panel-heading b-b b-light">-->
		<!--John-->
		<!--<i class="fa fa-circle text-success"></i>-->
		<!--</header>-->
		<!--<div class="panel-body animated fadeInRight">-->
		<!--<p class="text-sm">No contacts in your lists.</p>-->
		<!--<p>-->
		<!--<a href="#" class="btn btn-sm btn-facebook">-->
		<!--<i class="fa fa-fw fa-facebook"></i>-->
		<!--Invite from Facebook-->
		<!--</a>-->
		<!--</p>-->
		<!--</div>-->
		<!--</section>-->
		<!--</section>-->
		<!--</div>-->
		<!--<a href="#nav" data-toggle="class:nav-xs" class="pull-right btn btn-sm btn-dark btn-icon">-->
		<!--<i class="fa fa-angle-left text"></i>-->
		<!--<i class="fa fa-angle-right text-active"></i>-->
		<!--</a>-->
		<!--<div class="btn-group hidden-nav-xs">-->
		<!--<columntton tycolumntton" title="Chats" class="btn btn-icon btn-sm btn-dark" data-toggle="dropdown" data-target="#chat">-->
		<!--<i class="fa fa-comment-o"></i>-->
		<!--columntton>-->
		<!--columntton tycolumntton" title="Contacts" class="btn btn-icon btn-sm btn-dark" data-toggle="dropdown" data-target="#invite">-->
		<!--<i class="fa fa-facebook"></i>-->
		<!--columntton>&ndash;&gt;-->
		<!--</div>-->
		<!--</footer>-->
	</section>
</aside>
<!-- /.aside -->